<template>
  <div>

    <!-- <OracleDeatbase
      :self-defined-template="selfDefinedTemplate"
      :dialog-visible="dialogVisible"
      :get-template="getTemplate"
      :new-progress="newProgress"
      @reloadThePage="reloadThePage"
      @dialogVisibles="dialogVisibles"
    /> -->

    <!-- 数据库弹窗 -->

    <!-- 变量管理 -->
    <variableManagement :reload-page="reloadPage" :dialog-visible="dialogVisible" @dialogVisibles="dialogVisibles" @popupWindows="popupWindows" @reloadThePage="reloadThePage" />
  </div>
</template>

<script>

// 引入变量管理的内容
import variableManagement from './variableManagement'
// import OracleDeatbase from '@/components/OracleDatabase' // 引入创建数据库弹窗
export default {
  components: {
    variableManagement

  },
  data() {
    return {
      selfDefinedTemplate: [], // 自定义模板
      getTemplate: [], // 模板下目录列表
      dialogVisible: this.$store.state.database.IsItOperable !== 1, // 数据库弹窗
      newProgress: 1,
      reloadPage: 0 // 调用数据发请求
    }
  },
  computed: {

  },
  methods: {
    async popupWindows(e) {
      console.log('eeee', e, this.dialogVisible)
      await this.$message.warning('请先创建数据库在进行操作')
      const z = setTimeout(() => {
        this.dialogVisible = e
        clearTimeout(z)
      }, 1000)
    },
    // 创建数据库弹窗关闭弹窗之后的回调
    dialogVisibles(e) {
      // 调用关闭弹框
      console.log(e, this.dialogVisible)
      this.dialogVisible = e
      console.log(this.dialogVisible)
    },
    // 说明用户已经成功创建数据库可以进行下一步操作
    async reloadThePage(e) {
      console.log('可以进行下一步操作了', e)
      this.dialogVisible = false
      if (e === 1) {
        // 改变一下数据让子元素刷新
        this.reloadPage = 1
        //  this.$store.state.management.userCatalogID
        this.$store.dispatch('management/setUserCatalogID', '')
      }
    }
  }

}
</script>

<style>

</style>
